<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>{{title}}</title>
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<!--浏览器渲染设置-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<!--各平台个性化视觉设置(自行补充)-->
<link rel="shortcut icon" type="image/x-icon" href="../static/common/brower/favicon.ico"/>
<link rel="apple-touch-icon-precomposed" href="../static/common/brower/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="../static/common/brower/apple-touch-icon.png">
<!--移动端特性设置-->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="My WebAPP">
<!--项目全局CSS资源引用-->
<link rel="stylesheet" href="../../static/lib/jqueryP/rui/rui.min.css" />
<link rel="stylesheet" href="../../static/common/common.css" />
<!--项目全局JS资源引用-->
<script src="../../static/require.js"></script>
<script src="../../static/requireConfig.js"></script>
<!-- --------------------------------页面模板公用头部结束-------------------------------- -->
<style type="text/css">

</style>
</head>
<body>

<div class="pageHeader">
	<h3>用车审核</h3>
</div>

<div class="pageBody dataList">
	
	<div class="search clearfix">
    	<dl>
        	<dt>经办人：</dt>
            <dd>
            	<input type="text" placeholder="关键字">
            </dd>
        </dl>
        <dl>
        	<dt>用车时间：</dt>
            <dd>
            	<input type="text" placeholder="2014-3-15" class="mini" onClick="WdatePicker();">-
            	<input type="text" placeholder="2014-5-15" class="mini" >
            </dd>
        </dl>
    	<dl>
        	<dt>申请部门：</dt>
            <dd>
            	<select name="select" id="select">
                  <option selected>省支队信息部</option>
                  <option >省支队信息部2</option>
                </select>
            </dd>
        </dl>
        <div class="submit">
        	<input type="button" value="搜索" class="btn btn-green">
        	<input type="button" value="重置" class="btn">
        </div>
    </div>
    
<!--
    <div class="btns">
    	<input type="button" value="申请用车" class="btn btn-green">
        <input type="button" value="删除" class="btn">
    </div>
-->
    
    <div class="list clearfix">
        <table class="rTable noborder">
			<thead>
				<tr>
					<th class="check" width="20">
						<input type="checkbox" name="checkbox" id="checkbox">
					</th>
					<th width="180">用车时间</th>
					<th width="40">人数</th>
					<th width="95">目的地</th>
					<th width="105">申请部门</th>
					<th width="50">经办人</th>
					<th width="105">联系电话</th>
					<th width="60">状态</th>
					<th width="90" class="ctl">操作</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td class="check">
						<input type="checkbox" name="checkbox" id="checkbox">
					</td>
					<td>2015/09/20 - 2015/09/25</td>
					<td>4</td>
					<td>湖北省武汉市</td>
					<td>省支队信息部</td>
					<td>王大治</td>
					<td>0551-66566881</td>
					<td> <span class="label label-blue">待审核</span> </td>
					<td class="ctl"><a href="#here" class="btn btn-green btn-mini" id="openDialog">审核</a> | <a href="#here">详情</a></td>
					<td></td>
				</tr>
				<tr>
					<td class="check">
						<input type="checkbox" name="checkbox" id="checkbox">
					</td>
					<td>2015/09/20 - 2015/09/25</td>
					<td>4</td>
					<td>湖北省武汉市</td>
					<td>省支队信息部</td>
					<td>王大治</td>
					<td>0551-66566881</td>
					<td> <span class="label label-green">已完成</span> </td>
					<td class="ctl"><a href="#here">详情</a></td>
					<td></td>
				</tr>
				<tr>
					<td class="check">
						<input type="checkbox" name="checkbox" id="checkbox">
					</td>
					<td>2015/09/20 - 2015/09/25</td>
					<td>4</td>
					<td>湖北省武汉市</td>
					<td>省支队信息部</td>
					<td>王大治</td>
					<td>0551-66566881</td>
					<td> <span class="label label-red">未通过审核</span> </td>
					<td class="ctl"><a href="#here">详情</a></td>
					<td></td>
				</tr>
				<tr>
					<td class="check">
						<input type="checkbox" name="checkbox" id="checkbox">
					</td>
					<td>2015/09/20 - 2015/09/25</td>
					<td>4</td>
					<td>湖北省武汉市</td>
					<td>省支队信息部</td>
					<td>王大治</td>
					<td>0551-66566881</td>
					<td> <span class="label label-yellow">待评价</span> </td>
					<td class="ctl"><a href="#here">详情</a></td>
					<td></td>
				</tr>
				<tr>
					<td class="check">
						<input type="checkbox" name="checkbox" id="checkbox">
					</td>
					<td>2015/09/20 - 2015/09/25</td>
					<td>4</td>
					<td>湖北省武汉市</td>
					<td>省支队信息部</td>
					<td>王大治</td>
					<td>0551-66566881</td>
					<td> <span class="label">历史归档</span> </td>
					<td class="ctl"><a href="#here">详情</a></td>
					<td></td>
				</tr>
			</tbody>
		</table>

		<div class="paginationa clearfix">
			<div class="pagination-info">
				当前<strong>1</strong>-<strong>10</strong>条　共<strong>350</strong>条
		  </div>
			<div class="pagination-pages">
				<div class="pagination-page">
					<a href="#here">上一页</a>
					<span class="cur">1</span>
					<a href="#here">2</a><a href="#here">3</a><a href="#here">4</a><a href="#here">5</a>
					<span class="point">...</span>
					<a href="#here">10</a>
					<a href="#here">下一页</a>
				</div>
				<div class="pagination-count">
					共<strong>10</strong>页
				</div>
				<div class="pagination-form">
					第<input type="text" placeholder="" maxlength="3"/>页<button type="reset" class="btn btn-mini">跳转</button>
				</div>
			</div>
	  </div>
    </div>
	
</div>

<div id="dialogShenhe" style="display:none;">
    <form action="">
		<table class="formTable">
            <tr>
                <th><span>*</span>审核备注：</th>
                <td>
                    <textarea style="width:100%;" name="" id="" cols="30" rows="10" placeholder="说点什么吧..."></textarea>
<!--						<small>这里是业务说明，根据需要选用</small>-->
                </td>
            </tr>
        </table>
	</form>
</div>


<!--当前页面私有JS-->
<script type="text/javascript">
	require(['common', 'my97'], function(){
//		$('.pageBody').height(50);
        var elem = document.getElementById('dialogShenhe');
        $('#openDialog').on('click', function(){
			top.dialog({
                width: 460,
                height: 120,
				title: '用车审核',
				content: elem,
                button: [
                    {
                        value: '同意',
                        callback: function () {
                            $.rui.msg('完成审核', false, false, 'success');
                            this.close();
                        },
                        autofocus: true
                    },
                    {
                        value: '不同意',
                        callback: function () {
                            $.rui.msg('完成审核', false, false, 'success');
                            this.close();
                        }
                    },
                    {
                        value: '关闭',
                        callback: function () {
                            this.close();
                        }
                    }
                ]
			})
			.showModal();
			return false;
		})
	})
</script>
<!-- --------------------------------页面模板公用底部开始-------------------------------- -->
</body>
</html>